<!DOCTYPE html>
<html>
	<head>
		<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0' />
		<meta charset="UTF-8">
		<title>58图集</title>
		<link rel="stylesheet" href="__PUBLIC__/css/base.css" />
		<link rel="stylesheet" href="__PUBLIC__/css/style.css" />
		<script type="text/javascript" src="__PUBLIC__/js/jquery-1.7.2.min.js" ></script>
	</head>
	<body>
		<!--header-->
		<header id="header">
			<a href="javascript:$('#mask,.loginMask').show()" class="headerLogin"></a>
			<a href="javascript:$('#mask,.headerUserContent').show()" class="headerMenu"></a>
			<p>个人中心</p>
		</header>
		<!--header end-->
		<!--content-->
		<div id="content">
			<div class="newAlbumContent">
				<dl>
					<dt>
						<span>| 新建相册 |</span>
					</dt>
					<dd>
						<span class="label">相册命名：</span>
						<div class="newAlbumContentItem">
							<p>
								<input type="text" class="_txt" />
							</p>
						</div>	
					</dd>
					<dd>
						<span class="label">相册分类：</span>
						<div class="newAlbumContentItem">
							<p>
								<select class="_select">
									<option>默认相册1</option>
									<option>默认相册2</option>
									<option>默认相册3</option>
								</select>
								<a href="#" class="upgrade_btn">新建</a>
							</p>
						</div>	
					</dd>
					<dd>
						<span class="label">相册描述：</span>
						<div class="newAlbumContentItem">
							<p>
								<textarea class="_textarea"></textarea>
							</p>
						</div>	
					</dd>
					<dd>
						<!--btn-->
						<div class="saveBtns">
							<a href="#">保存</a>
						</div>
						<!--btn end-->
					</dd>
				</dl>
				<div class="newAlbumContentUpload">
					<dl>
						<dt>
							<span>| 相册排序 |</span>
						</dt>
						<dd>
							<ul>
								<li>
									<label>
										<input type="radio" name="timer" checked="" value="1" />
										<em>按时间排序</em>
									</label>
								</li>
								<li>
									<label>
										<input type="radio" name="timer" value="1" />
										<em>按时间排序</em>
									</label>
								</li>
								<li>
									<label>
										<input type="radio" name="timer" value="1" />
										<em>按时间排序</em>
									</label>
								</li>
								<li>
									<label>
										<input type="radio" name="timer" value="1" />
										<em>按时间排序</em>
									</label>
								</li>
							</ul>
						</dd>
					</dl>
				</div>
				<!--btn-->
				<div class="saveBtns">
					<a href="#">保存</a>
				</div>
				<!--btn end-->
			</div>
		</div>
		<!--content end-->
		<!--msak-->
		<div id="mask">
			<!--未登录框-->
			<div class="loginMask">
				<ul>
					<li>
						<a href="javascript:$('#mask,.loginUserMask').show()" class="login_btn">登录</a>
					</li>
					<li>
						<a href="#" class="register_btn">注册</a>
					</li>
				</ul>
				<span class="colse_btn" onclick="javascript:$('#mask,.loginMask').hide()"></span>
			</div>
			<!--未登录框 end-->
			<!--已登录框-->
			<div class="loginUserMask">
				<span class="colse_btn" onclick="javascript:$('#mask,.loginUserMask').hide()"></span>
				<dl>
					<dt>
						<span class="user_img">
							<img src="__PUBLIC__/img/img.png" />
						</span>
					</dt>
					<dd>张三李四</dd>
				</dl>
				<ul>
					<li>
						<a href="#">
							<p>
								<span class="icon">
									<img src="__PUBLIC__/img/icon.png" />
								</span>
								<em>58集图</em>
							</p>
						</a>
					</li>
					<li>
						<a href="index.html">
							<p>
								<span class="icon">
									<img src="__PUBLIC__/img/icon1.png" />
								</span>
								<em>我的主页</em>
							</p>
						</a>
					</li>
					<li>
						<a href="#">
							<p>
								<span class="icon">
									<img src="__PUBLIC__/img/icon2.png" />
								</span>
								<em>帐号管理</em>
							</p>
						</a>
					</li>
					<li>
						<a href="#">
							<p>
								<span class="icon">
									<img src="__PUBLIC__/img/icon3.png" />
								</span>
								<em>退出登录</em>
							</p>
						</a>
					</li>
				</ul>
			</div>
			<!--已登录框 end-->
			<!--个人中心-->
			<div class="headerUserContent">
				<span class="colse_btn" onclick="javascript:$('#mask,.headerUserContent').hide()"></span>
				<dl>
					<dt>
						<span>个人中心</span></dt>
					<dd>
						<a href="{:U('Mobile/Index/usercenter')}&types=1"><span>用户中心</span></a>
					</dd>
					<dd>
						<a href="{:U('Mobile/Index/usercenter')}&types=2"><span>相册服务</span></a>
					</dd>
					<dd>
						<a href="{:U('Mobile/Index/usercenter')}&types=3"><span>装修相册</span></a>
					</dd>
					<dd>
						<a href="{:U('Mobile/Index/usercenter')}&types=4"><span>用户设置</span></a>
					</dd>
					<dd>
						<a href="{:U('Mobile/Index/usercenter')}&types=5"><span>VIP服务</span></a>
					</dd>
				</dl>
			</div>
			<!--个人中心 end-->
		</div>
		<!--msak end-->
	</body>
</html>	